.search-box {
  height: 108rpx;
  // position: fixed;
  // width: 100%;
  // z-index: 10;
  .search {
    position: fixed;
    width: 100%;
    z-index: 10;
  }
}
.shop-list {
  margin: 8rpx 24rpx 0;
  padding-bottom: 32rpx;
  position: relative;

  .shop-list-cont {
    display: flex;
    flex-wrap: wrap;
  }

  .shop-list-info {
    font-size: 24rpx;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    color: #BBBBBB;
    line-height: 34rpx;
    margin-top: 32rpx;
    text-align: center;
  }

  .shop-list-item {
    width: 342rpx;
    border-radius: 8rpx;
    overflow: hidden;
    margin-top: 16rpx;
    background: #fff;

    &:nth-child(odd) {
      margin-right: 18rpx;
    }

    image {
      width: 342rpx;
      height: 342rpx;
      display: block;
    }

    .progess {
      height: 6rpx;
    }

    .van-progress {
      border-radius: 0;
      margin-top: 2rpx;
      height: 4rpx !important;
    }

    .van-progress__portion {
      border-radius: 0;
    }

    .tit {
      font-size: 26rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #111111;
      height: 72rpx;
      line-height: 36rpx;
      margin: 12rpx 20rpx 0;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      line-clamp: 2;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;

      .icon {
        width: 72rpx;
        height: 28rpx;
        margin-right: 10rpx;
        display: inline-block;
        transform: translateY(6rpx);
      }

      .new {
        border: 1rpx solid #00C4A1;
        color: #00C4A0;
      }

      .hot {
        border: 1rpx solid #FA4743;
        color: #FA4743;
      }

      .recommend {
        border: 1rpx solid #FF612B;
        color: #FF612B;
      }

      .label {
        display: inline-block;
        padding: 0 8rpx;
        font-size: 20rpx;
        // height: 28rpx;
        line-height: 24rpx;
        border-radius: 2px;
        margin-right: 10rpx;
        box-sizing: border-box;
      }

      .name {
        flex: 1;
      }
    }

    .pic {
      margin-left: 20rpx;
      font-size: 26rpx;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      color: #FA4743;
      line-height: 36rpx;
      margin-top: 12rpx;
      margin-bottom: 16rpx;
    }

    .red {
      color: #FA4743;
    }

    .num {
      margin: 12rpx 20rpx 16rpx;
      font-size: 11px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #666666;
      line-height: 16px;
      display: flex;
      justify-content: space-between;
    }
  }
}